<template>
    <div>{{msg}}</div>
    <div class="mui-content promoList  mgb2">

            <!--<ul class="mui-table-view mgb1 mgt1" v-link="{name:'promoDetail'}">
                <li class="mui-table-view-cell promoTitle">
                    <p class="text2">
                        <span class="promoTitleAccent">特惠</span>
                        <span class="promoTitleGeneral">车辆服务新体验，性价比王！</span>
                    </p>
                </li>
                <li class="promoImg">
                    <img src="../../images/promo/promo-bg1.jpg" alt="">
                </li>
                <li class="mui-table-view-cell text3">
                    <p class="mui-pull-right text3">
                        <span>仅剩</span>
                        <span class="promoTitleAccent text2">2</span>
                        <span>天</span>
                    </p>
                </li>
            </ul>-->
            <ul class="mui-table-view mgb1 mgt1 mauto-activity-list">
                <div class="mauto-activities">
                    <a href="javascript:;" v-link="{name:'invite_activity'}">
                        <li class="mui-table-view-cell promoTitle">
                            <p class="text2">
                                <span class="promoTitleAccent">NEW</span>
                                <span class="promoTitleGeneral">爱特踏青洗尘活动 推荐加关注赢388元礼包</span>
                            </p>
                        </li>
                        <li class="promoImg">
                            <img src="../../images/act_ba.png" alt="">
                        </li>
                        <li class="mui-table-view-cell text3">
                            <p class="mui-pull-right text3">
                                <span>4月10日-4月14日</span>
                            </p>
                        </li>
                    </a>
                </div>
                <div class="mauto-activities">
                    <a href="http://mp.weixin.qq.com/s/6Rhyn6ZLu8dENfaP4V70Rw">
                        <li class="mui-table-view-cell promoTitle">
                            <p class="text2">
                                <span class="promoTitleGeneral timeout">爱特春风行动 推荐加关注赢洗车券(已结束)</span>
                            </p>
                        </li>
                        <li class="promoImg">
                            <img src="../../images/promo/chunfeng.png" alt="">
                        </li>
                        <li class="mui-table-view-cell text3">
                            <p class="mui-pull-right text3">
                                <span>3月6日-3月10日</span>
                            </p>
                        </li>
                    </a>
                </div>
            </ul>

    </div>
    <footer-nav-component index="promos"/>
</template>
<style>
    .mauto-activity-list{background:transparent!important;}
    .promoTitleAccent{color: #d91c17 !important; font-weight: bold;}
    .promoList .promoImg{width: 100%; height: 4rem; overflow: hidden;}
    .promoList .promoImg img{width: 100%;}
    .promoList .autodoc img , .promoList .interlocution img{width: 100%;}
    .mauto-activities{margin-bottom:10px;background:#fff;}
    .timeout{color:#999;}
</style>
<script type="text/ecmascript-6">
	import footerNavComponent from '../../components/footer-nav/footer-nav.vue';
    import '../../fonts/mui.css';
    export default {
        data(){
            return{
            }
        },
        ready () {
        },
        components:{
        	footerNavComponent
        }
    };

</script>
